<template lang="pug">
div.not-certified-yet.flex.column.justify-center.align-center
  img(:src="NotCertifiedYetImg")
  div.tip 为了保障易货交易真实性，易货双方企业必须完成企业认证
  div.btn.pointer(@click="goToVerify") 去认证
</template>


<script setup>
import { ref } from 'vue'
import NotCertifiedYetImg from "@/assets/end/not-certified-yet.png";

const emits = defineEmits(["change"]);


const goToVerify = () => {
  emits("change");
}
</script>

<style lang="stylus" scoped>
.not-certified-yet
  height: 80vh;
  .tip
    margin-top: 8px;
    color: #000000;   
    font-size: 14px;
  .btn
    margin-top: 8px;
    width: 86px;
    height: 30px;
    line-height: 30px;
    background: #2487E8;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
</style>
